const Header = () => {
    return (
        <>
            <div className="flex items-center m-3 p-2 rounded-2xl shadow-sm">
                <div className="overflow-hidden">
                    <img src="https://img0.baidu.com/it/u=3125720667,3310351231&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" alt="logo" className="w-12 h-12 rounded-full" />
                </div>
                <div className="ml-2.5 grow">
                    <div className="text-lg font-bold">React</div>
                    <div className="text-gray-500">Welcom back</div>
                </div>
                <div className="w-14 h-14 flex justify-center items-center rounded-full border border-gray-300 ml-auto">
                    <span className="icon-[mdi--bell-ring-outline]"></span>
                </div>
            </div>
        </>
    );
}

export default Header;